<script lang="ts" setup>
import { RouteNameEnum } from '@/enum'

const router = useRouter()

const { name, message } = defineProps({
  name: {
    type: String as () => RouteNameEnum,
    required: true
  },
  message: {
    type: String,
    default: '查看更多'
  }
})
</script>

<template>
  <a
    class="w-fit mx-auto my-5 rounded-full border-2 use-hover-bg use-transitions-colors-short"
    @click="router.push({ name: name })"
  >
    <span class="flex py-2.5 px-5 text-sm">{{ message }}</span>
  </a>
</template>

<style lang="scss" scoped></style>
